<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>联系开发人员</title>

    <!--固定框架-->
    <link rel='stylesheet' href='../css/bootstrap.min.css'>

    <!--图标库-->
    <link rel='stylesheet' href='../css/material-design-iconic-font.min.css'>

    <!--核心样式-->
    <link rel="stylesheet" href="../css/personal_page_style.css">


    <link rel="stylesheet" type="text/css" href="../css/normalize_worker.css" />
    <link rel="stylesheet" type="text/css" href="../css/htmleaf-demo_worker.css">
    <link href='https://fonts.googleapis.com/css?family=Lato:400,300,700,900' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="../css/styleworker.css">
</head>

<body>

    <div id="viewport">

        <!-- Sidebar -->
        <div id="sidebar">
            <header>
                <a href="#">个人中心</a>
            </header>
            <ul class="nav">

                <li>
                    <img src="../images/1.jpg" alt="" />
                    <span>欢迎您! 管理员</span>
                </li>

                <li>
                    <a href="../myweb/personal_page.html">
                        <i class="zmdi zmdi-view-dashboard"></i> 返回首页
                    </a>
                </li>
                <li>
                    <a href="../myweb/shopping.html">
                        <i class="zmdi zmdi-link"></i> 商城购物
                    </a>
                </li>
                <li>
                    <a href="../myweb/student_information.html">
                        <i class="zmdi zmdi-widgets"></i> 宿舍信息
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="zmdi zmdi-calendar"></i> 宿舍费用查询与缴纳
                    </a>
                </li>

                <li>
                    <a href="../myweb/personal_page_communication.html">
                        <i class="zmdi zmdi-settings"></i> 留言板
                    </a>
                </li>
                <li>
                    <a href="../myweb/worker.html">
                        <i class="zmdi zmdi-comment-more"></i> 联系我们
                    </a>
                </li>
            </ul>



            <script type="text/javascript">
                $(".sidebar li a").each(function() {
                    //window.location.href对象用于获得当前页面的地址 (URL)，
                    //String() 函数把对象的值转换为字符串    
                    if ($(this)[0].href == String(window.location)) {
                        //一级菜单高亮
                        $(this).closest('ul').parent("li").addClass("on").siblings().removeClass("on");
                    }
                });
            </script>

        </div>

        <!-- Content -->
        <div id="content">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="#"><i class="zmdi zmdi-notifications text-danger"></i></a>
                        </li>
                        <li><a href="#">账户退出</a></li>
                    </ul>

                </div>
            </nav>
            <div class="container-fluid">
                <div class="htmleaf-container">
                    <div class="full-length">
                        <div class="container">
                            <!-- Team members structure start -->
                            <div class="team-members row">
                                <div class="asd">
                                    <!-- effect-1 html -->
                                    <div class="single-member effect-1">
                                        <div class="member-image">
                                            <img src="../images/s1.jpg" alt="Member">
                                        </div>
                                        <div class="member-info">
                                            <h3>梁鑫</h3>
                                            <h5>前端开发</h5>
                                            <p>项目经理 </p>
                                            <div class="social-touch">
                                                <a class="fb-touch" href="#"></a>
                                                <a class="tweet-touch" href="#"></a>
                                                <a class="linkedin-touch" href="#"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- effect-1 html end -->

                                    <!-- effect-2 html -->
                                    <div class="single-member effect-1">
                                        <div class="member-image">
                                            <img src="../images/bian.jpg" alt="Member">
                                        </div>
                                        <div class="member-info">
                                            <h3>边文凯</h3>
                                            <h5>后端开发</h5>
                                            <p>产品经理</p>
                                            <div class="social-touch">
                                                <a class="fb-touch" href="#"></a>
                                                <a class="tweet-touch" href="#"></a>
                                                <a class="linkedin-touch" href="#"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- effect-2 html end -->

                                    <!-- effect-3 html -->
                                    <div class="single-member effect-1">
                                        <div class="member-image">
                                            <img src="../images/li.jpg" alt="Member">
                                        </div>
                                        <div class="member-info">
                                            <h3>李学立</h3>
                                            <h5>运维测试、文档撰写</h5>
                                            <p>组员</p>
                                            <div class="social-touch">
                                                <a class="fb-touch" href="#"></a>
                                                <a class="tweet-touch" href="#"></a>
                                                <a class="linkedin-touch" href="#"></a>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- effect-3 html end -->

                                </div>

                                <div class="asd">

                                    <!-- effect-2 html -->
                                    <div class="single-member effect-2">
                                        <div class="member-image">
                                            <img src="../images/wang.jpg" alt="Member">
                                        </div>
                                        <div class="member-info">
                                            <h3>王雅沛</h3>
                                            <h5>运维测试、文档撰写</h5>
                                            <p>组员</p>
                                            <div class="social-touch">
                                                <a class="fb-touch" href="#"></a>
                                                <a class="tweet-touch" href="#"></a>
                                                <a class="linkedin-touch" href="#"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- effect-2 html end -->


                                    <!-- effect-2 html -->
                                    <div class="single-member effect-2">
                                        <div class="member-image">
                                            <img src="../images/luo.jpg" alt="Member">
                                        </div>
                                        <div class="member-info">
                                            <h3>罗静静</h3>
                                            <h5>运维测试、文档撰写</h5>
                                            <p>组员</p>
                                            <div class="social-touch">
                                                <a class="fb-touch" href="#"></a>
                                                <a class="tweet-touch" href="#"></a>
                                                <a class="linkedin-touch" href="#"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- effect-2 html end -->
                                    <br>
                                    <!-- effect-2 html -->
                                    <div class="single-member effect-2">
                                        <div class="member-image">
                                            <img src="../images/lian.jpg" alt="Member">
                                        </div>
                                        <div class="member-info">
                                            <h3>李玲莲</h3>
                                            <h5>运维测试、文档撰写</h5>
                                            <p>组员</p>
                                            <div class="social-touch">
                                                <a class="fb-touch" href="#"></a>
                                                <a class="tweet-touch" href="#"></a>
                                                <a class="linkedin-touch" href="#"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- effect-2 html end -->
                                </div>
                            </div>
                            <!-- Team members structure start -->
                        </div>
                    </div>

                </div>

            </div>

        </div>

</body>

</html>